Dynamic SVG Icon

Intro

Dynamic SVG icon.

This package allows user to dynamically show icons in the menu or navigation from array/object list.No external scripts were used. Nordcraft is awesome ♥

Bugs are present! Not all SVG attributes are currently supported. Some icons may display incorrectly.

Test your icons

dynamicSVGicon

Insert the SVG code into the attribute.

__svg-code

You can test your own icon above and see if it is supported.
This component works best with Tabler Icons (5950+ icons)

Dashboard

Projects

Analytics

Users

Try to change multiple icons in the repeated item menu.

You can input multiple SVG icons into your list and show them in repeated menu item.

Dashboard

Projects

Analytics

Users

Components

dynamicSVGicon

Component which shows graphical representation of SVG code which user submits into "__svg-code" component attribute.

Attributes

__svg-code (String)	Self-explanatory named attribute. Paste your SVG code here and icon will (hopefully) show in the component.
fill-color (String)	Input color without "#" to change fill color of the icon. (not 100% working)
height (Number)	Height of the icon forwarded into <svg> attribute. If left empty icon might not show.
width (Number)	Width of the icon forwarded into <svg> attribute. If left empty icon might not show.

The plan is to support all attributes for: <svg>,<g>,<path>,<mask>,<polygon>,<polyline>,<circle>,<rect> and others.